<!DOCTYPE html>
<html lang="zh">

<head>
    <meta name="viewport"
        content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta charset="utf-8">
    <title>产品详情</title>
    <meta name="keywords" />
    <meta name="description" />
    <meta name="format-detection" content="telephone=no">
    <link rel="stylesheet" href="./css/animate.min.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/swiper.css">
    <link rel="stylesheet" href="./css/proInfo.css">
    <link rel="stylesheet" href="./css/mag.css">
</head>

<body>
    <div class="home">

        <div class="header hasBg2">
            <div class="box">
                <a href="./index.html" class="logo">
                    <img src="./images/logo.png" alt="">
                    <img src="./images/logo_black.png" alt="">
                </a>
                <div class="r">
                    <div class="links">
                        <a href="./index.html" >首页</a>
                        <a href="./products.html" class="active">产品中心</a>
                        <a href="./about.html">公司简介</a>
                        <a href="./news.html">新闻中心</a>
                        <a href="./contact.html">联系我们</a>
                    </div>
                    <a class="shop" href="">
                        <img src="./images/car.png" alt="">
                    </a>
                    <div class="lan">
                        <svg xmlns="http://www.w3.org/2000/svg" width="155" height="52" viewBox="0 0 155 52"
                            fill="none">
                            <path
                                d="M28.9403 4.9853C16.7559 4.9853 6.87819 14.8626 6.87819 27.0469C6.87819 39.2313 16.7559 49.109 28.9403 49.109C32.7154 49.109 36.2683 48.1594 39.3748 46.4873C35.2885 49.5843 30.1982 51.4231 24.6757 51.4231C11.2133 51.4231 0.3 40.5093 0.3 27.0469C0.3 13.5845 11.2133 2.67109 24.6757 2.67109C30.1982 2.67109 35.2886 4.51019 39.375 7.60722C36.2684 5.93509 32.7155 4.9853 28.9403 4.9853Z"
                                stroke="#111111" stroke-width="0.6" />
                            <path
                                d="M130.855 25.4657C130.856 25.4647 130.856 25.4638 130.856 25.4629C130.946 25.2125 131.086 24.8518 131.287 24.4159C131.687 23.5434 132.327 22.3727 133.282 21.1814C135.189 18.8032 138.352 16.3417 143.401 16.0031C148.417 15.6667 151.226 18.1052 152.798 20.6341C153.588 21.9047 154.065 23.1994 154.344 24.1787C154.484 24.6677 154.574 25.0763 154.629 25.3616C154.636 25.3984 154.642 25.4331 154.648 25.4657H150.729C150.72 25.4396 150.71 25.4114 150.699 25.3811C150.632 25.1944 150.531 24.9294 150.392 24.6121C150.113 23.9784 149.678 23.1317 149.053 22.2833C147.806 20.5871 145.779 18.8565 142.72 18.8565C138.819 18.8565 136.01 20.552 134.182 22.2407C133.269 23.0845 132.599 23.928 132.157 24.5612C131.935 24.878 131.771 25.1428 131.661 25.3295C131.631 25.381 131.604 25.4266 131.582 25.4657H130.855Z"
                                stroke="#111111" stroke-width="0.6" />
                            <path
                                d="M149.495 13.3227C149.311 13.2411 149.061 13.1321 148.758 13.0031C148.07 12.7099 147.107 12.3126 146.006 11.8962C144.702 11.4033 143.196 10.8804 141.722 10.4727C142.245 10.495 142.78 10.5287 143.276 10.5791C143.93 10.6455 144.495 10.739 144.873 10.8651C145.778 11.1666 146.563 11.0087 147.087 10.6409C147.585 10.2904 147.903 9.68288 147.653 9.13922L147.653 9.13889C147.445 8.68971 146.946 8.29288 146.379 8.03848C145.873 7.81134 145.267 7.67632 144.669 7.72994C144.628 7.63101 144.572 7.50377 144.501 7.35475C144.326 6.99078 144.055 6.4949 143.669 5.9635C142.897 4.90188 141.656 3.68527 139.793 3.1121L149.495 13.3227ZM149.495 13.3227C149.507 13.2136 149.517 13.083 149.525 12.9333C149.55 12.4415 149.54 11.7464 149.401 10.9397C149.122 9.32905 148.328 7.27299 146.253 5.49072C144.156 3.68943 141.291 2.38852 138.932 1.53613C137.755 1.11111 136.711 0.799954 135.962 0.59516C135.668 0.51498 135.42 0.45115 135.227 0.403212C135.302 0.670271 135.394 0.88991 135.506 1.07796C135.676 1.35994 135.904 1.58661 136.234 1.79511C136.916 2.22682 137.989 2.55682 139.787 3.1103L139.793 3.1121L149.495 13.3227Z"
                                stroke="#111111" stroke-width="0.6" />
                            <path
                                d="M127.456 21.1684C127.336 20.8648 127.203 20.5446 127.055 20.2163C126.343 18.635 125.275 16.8073 123.812 15.7692C124.003 15.6718 124.246 15.5478 124.53 15.4037C125.254 15.0356 126.242 14.5358 127.298 14.0086C129.417 12.9514 131.793 11.793 132.876 11.3597C133.353 11.169 134.153 11.1304 135.151 11.2237C136.134 11.3157 137.261 11.5307 138.358 11.8074C139.454 12.0841 140.512 12.4205 141.358 12.7523C141.781 12.9183 142.147 13.0816 142.436 13.2338C142.501 13.2681 142.561 13.3013 142.616 13.3332C142.301 13.4616 141.855 13.6504 141.312 13.8974C140.204 14.4011 138.693 15.1482 137.077 16.1217C134.638 17.5915 131.932 19.5947 130.031 22.0782C130.138 21.8432 130.254 21.6003 130.38 21.3525C131.334 19.4782 132.844 17.3676 135.087 16.2855C136.265 15.7173 136.963 15.168 137.277 14.6414C137.438 14.3702 137.503 14.0946 137.463 13.8273C137.424 13.5619 137.287 13.3392 137.106 13.1625C136.752 12.8169 136.197 12.6104 135.654 12.5344C135.109 12.4581 134.511 12.504 134.056 12.7319L127.456 21.1684ZM127.456 21.1684C127.442 20.9896 127.428 20.8068 127.415 20.6221C127.298 19.0686 127.174 17.3783 127.147 16.8532M127.456 21.1684L127.147 16.8532M127.147 16.8532C127.134 16.599 127.28 16.3757 127.435 16.2038M127.147 16.8532L127.435 16.2038M132.59 13.4005C133.203 13.1289 133.721 12.8992 134.056 12.7319L132.59 13.4005ZM132.59 13.4005C132.515 13.434 132.437 13.4682 132.359 13.5029M132.59 13.4005L132.359 13.5029M132.359 13.5029C131.651 13.8173 130.846 14.1773 130.09 14.5466M132.359 13.5029L130.09 14.5466M130.09 14.5466C129.337 14.9147 128.62 15.2976 128.092 15.6589M130.09 14.5466L128.092 15.6589M128.092 15.6589C127.829 15.8389 127.6 16.0219 127.435 16.2038M128.092 15.6589L127.435 16.2038"
                                stroke="#111111" stroke-width="0.6" />
                            <path
                                d="M121.242 9.29107L117.351 8.14423C117.443 8.06641 117.55 7.97772 117.671 7.88032C118.137 7.50596 118.815 7.0039 119.66 6.49555C121.353 5.47689 123.698 4.44376 126.341 4.34442L126.329 4.04463L126.341 4.34442C130.102 4.20301 133.073 5.224 135.102 6.27928C136.118 6.80703 136.897 7.34308 137.421 7.74579C137.683 7.94709 137.881 8.11491 138.012 8.23148C138.019 8.23772 138.026 8.24382 138.033 8.24976C137.969 8.32258 137.877 8.40114 137.752 8.48347C137.531 8.6287 137.234 8.76675 136.879 8.89553C136.169 9.15282 135.267 9.35743 134.371 9.51565C133.478 9.67342 132.603 9.78308 131.95 9.85332C131.623 9.88841 131.353 9.9136 131.165 9.92999C131.116 9.93423 131.073 9.93787 131.036 9.94095C131.035 9.93928 131.033 9.93759 131.032 9.9359C130.964 9.84579 130.865 9.71773 130.738 9.5637C130.484 9.25602 130.118 8.84275 129.67 8.42084C128.784 7.58743 127.53 6.67514 126.152 6.54177L126.152 6.54176C124.754 6.40669 123.482 7.17144 122.59 7.91593C122.139 8.29316 121.771 8.67732 121.516 8.9668C121.402 9.09631 121.31 9.20737 121.242 9.29107Z"
                                stroke="#111111" stroke-width="0.6" />
                            <path
                                d="M113.098 8.69405L113.098 8.69403C112.585 8.52287 112.203 8.16085 111.913 7.74255C111.624 7.32558 111.413 6.83474 111.246 6.37393C111.162 6.14239 111.087 5.91443 111.019 5.70419C111.012 5.68223 111.005 5.66051 110.998 5.63902C110.937 5.4526 110.883 5.28354 110.829 5.13404C110.769 4.9657 110.715 4.83706 110.665 4.74709C110.635 4.69448 110.614 4.66911 110.605 4.65833C110.602 4.65796 110.6 4.65756 110.597 4.65714C110.567 4.65303 110.525 4.64898 110.468 4.64559C110.355 4.63883 110.199 4.63552 110.003 4.63598C109.612 4.63689 109.077 4.65272 108.435 4.68217C107.152 4.74104 105.455 4.85383 103.66 5.00776C100.617 5.2686 97.3216 5.64521 95.2757 6.07194C95.748 6.2338 96.3774 6.45225 97.1361 6.72171C98.911 7.35213 101.393 8.26192 104.225 9.37967C109.057 11.2876 114.915 13.8051 120.003 16.5766C119.406 16.0976 118.683 15.5455 117.828 14.9409C114.872 12.8485 110.354 10.1261 104.118 7.61876L104.204 7.04153L104.23 7.34042L104.204 7.04152L104.204 7.04151L104.205 7.04145L104.208 7.04122L104.218 7.04033L104.258 7.03691L104.411 7.02403C104.543 7.01301 104.732 6.9974 104.961 6.97906C105.418 6.94238 106.035 6.89475 106.671 6.85096C107.307 6.8072 107.964 6.76714 108.502 6.74577C108.771 6.7351 109.013 6.72898 109.208 6.72957C109.395 6.73013 109.565 6.73647 109.675 6.75846M113.098 8.69405L109.616 7.05263M113.098 8.69405C113.974 8.98615 117.586 9.93531 120.961 10.807C121.563 10.9625 122.158 11.1158 122.73 11.2626M113.098 8.69405L125.225 11.5917M109.675 6.75846L109.616 7.05263M109.675 6.75846C109.675 6.75845 109.675 6.75844 109.675 6.75842L109.616 7.05263M109.675 6.75846C110.005 6.82449 110.133 7.11706 110.202 7.31192C110.231 7.39188 110.259 7.48327 110.286 7.57283C110.295 7.60223 110.304 7.63143 110.312 7.65997C110.35 7.78093 110.391 7.90531 110.443 8.03272C110.644 8.52021 111.035 9.10178 112.139 9.48249C112.708 9.67845 113.951 9.92921 115.526 10.1962C117.091 10.4615 118.956 10.7385 120.749 10.9902C121.426 11.0853 122.093 11.1768 122.73 11.2626M109.616 7.05263C109.827 7.09474 109.898 7.32985 109.997 7.65385C110.186 8.27589 110.474 9.22557 112.042 9.7661C113.781 10.3659 121.253 11.3814 125.168 11.8869C124.454 11.7047 123.621 11.4915 122.73 11.2626M122.73 11.2626C123.645 11.3861 124.497 11.4978 125.225 11.5917M125.225 11.5917C121.475 10.6347 114.448 8.82772 113.193 8.40944C112.091 8.042 111.625 6.60352 111.283 5.54626C111.089 4.94653 110.934 4.46947 110.726 4.38014L125.225 11.5917Z"
                                stroke="#111111" stroke-width="0.6" />
                            <path
                                d="M129.491 26.8664L124.989 34.2825H124.19L126.841 29.6694L126.392 29.2874L121.852 32.9887L121.619 29.1785L121.562 28.248L121.066 29.0371L117.766 34.2825H116.677L120.997 26.8664H122.815L122.887 30.9466L122.898 31.565L123.377 31.1735L128.644 26.8664H129.491Z"
                                stroke="#111111" stroke-width="0.6" />
                            <path
                                d="M145.852 26.8664L145.312 27.7984H142.836H142.664L142.577 27.9471L138.879 34.2825H138.137L141.491 28.1779L141.735 27.7335H141.228H139.328L139.771 26.8664H145.852Z"
                                stroke="#111111" stroke-width="0.6" />
                            <path
                                d="M116.739 36.8625L113.28 43.3353L113.045 43.7767H113.545H117.512L117.045 44.7276H111.033L115.595 36.8625H116.739Z"
                                stroke="#111111" stroke-width="0.6" />
                            <path
                                d="M129.038 37.7491L128.851 37.744L128.764 37.9087L127.773 39.7829L127.54 40.2232H128.038H131.664L131.1 41.2382H127.227H127.054L126.968 41.388L125.81 43.3913L125.55 43.8415H126.07H130.066L129.54 44.7281H123.806L127.864 36.8625H133.991L133.295 37.8648L129.038 37.7491Z"
                                stroke="#111111" stroke-width="0.6" />
                            <path
                                d="M132.972 33.5188H133.152L133.237 33.3604L136.038 28.1262L136.274 27.6847H135.773H132.219H132.045L131.958 27.8357L128.964 33.0699L128.707 33.5188H129.224H132.972ZM131.775 26.8664H137.737L133.355 34.2821H127.274L131.775 26.8664Z"
                                stroke="#111111" stroke-width="0.6" />
                            <path
                                d="M149.418 33.5188H149.598L149.683 33.3604L152.483 28.1262L152.719 27.6847H152.219H148.665H148.491L148.404 27.8357L145.41 33.0699L145.153 33.5188H145.67H149.418ZM148.222 26.8664H154.183L149.801 34.2821H143.72L148.222 26.8664Z"
                                stroke="#111111" stroke-width="0.6" />
                            <path
                                d="M145.99 39.093L146.051 38.9877L146.022 38.8698L145.829 38.1049L145.773 37.8779H145.539H142.394H142.22L142.133 38.029L139.139 43.2632L138.882 43.7122H139.399H143.147H143.32L143.407 43.5624L145.99 39.093ZM137.665 44.7281L142.204 36.8625H147.098L147.675 38.2249L144.076 44.7281H137.665Z"
                                stroke="#111111" stroke-width="0.6" />
                        </svg>
                        <div class="chose">
                            <p>China-中文</p>
                            <img src="./images/down.png" alt="">
                        </div>
                        <a href="">
                            ENGLISH
                        </a>
                    </div>
                </div>
            </div>
        </div>

        <div class="pheader">
            <div class="menu">
                <a href="./index.html" target="_self" class="animated fadeInUpLeft">
                    <img src="./images/logo_black.png" alt="">
                </a>
                <div class="navbox">
                    <div class="line"></div>
                    <div class="line"></div>
                    <div class="line"></div>
                </div>
            </div>
        </div>
        <div class="menuList">
            <div class="lan">
                <a class="shop" href="">
                    <img src="./images/car.png" alt="">
                </a>
                <a href="">CN</a>
                <a href="">EN</a>
            </div>
            <div class="item">
                <div class="tb">
                    <a href="./index.html">首页</a>
                </div>
            </div>
            <div class="item">
                <div class="tb">
                    <a href="./products.html">产品中心</a>
                </div>
            </div>
            <div class="item">
                <div class="tb">
                    <a href="./about.html">公司简介</a>
                </div>
            </div>
            <div class="item">
                <div class="tb">
                    <a href="./news.html">新闻中心</a>
                </div>
            </div>
            <div class="item">
                <div class="tb">
                    <a href="./contact.html">联系我们</a>
                </div>
            </div>
        </div>

        <div class="jx">
            <img src="./images/jx.png" alt="">
        </div>

        <div class="title">
            <p class="cn">汽车LED灯1</p>
            <p class="en">Product 1</p>
        </div>

        <div class="section1">
            <a href="">首页</a>
            <span></span>
            <a href="">产品中心</a>
            <span></span>
            <p>汽车LED灯1</p>
        </div>

        <div class="section2">
            <div class="bg">
                <img src="./images/p.png" alt="">
            </div>
            <div class="shadow">
                <img src="./images/sh.png" alt="">
            </div>
        </div>



        <div class="section3">
            <div class="box1">
                <div class="l">
                    <div class="pic">
                        <div class="mag-eg-el-wrap img-thumbnail">
                            <div class="proportion">
                                <div mag-thumb="outer" class="mag-eg-el">
                                   <img class="changePic" src="./images/500x334.jpg" alt="">
                                </div>
                                <div class="filler"></div>
                            </div>
                        </div>
                        <div class="mag-eg-el-wrap img-thumbnail centerImg" style="height:auto;width:auto">
                            <div style="height: 200px; width: 200px">
                                <div mag-zoom="outer" class="mag-eg-el" style="float: right;position:relative;overflow:hidden;">
                                    <img class="changePic" src="./images/full.jpg" alt="">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="r">
                    <p class="p1">产品简介</p>
                    <div class="des">
                        我们拥有适用于有源LED前照灯的完整解决方案，包括大功率LED驱动器、电源管理IC、步进电机驱动器、收发器和ESD保护设备。控制单元可以基于其中一个SPC5
                        32位微控制器，具体取决于连接存储器的要求。 
                    </div>
                    <div class="info">
                        <p>产品材质：xxxxx</p>
                        <p>灯芯数量：12灯芯 6灯芯</p>
                        <p>产品单价：产品单价:</p>
                        <p>光源颜色：</p>
                    </div>
                    <div class="colors">
                        <div class="crgb" style=" background: #FF6363;"></div>
                        <div class="crgb" style="background: #83D9B5;"></div>
                        <div class="crgb" style="background: #F4FDC0;"></div>
                        <div class="crgb" style="background: #FF6767;"></div>
                        <div class="icon">
                            <img src="./images/icon1.png" alt="">
                        </div>
                        <div class="icon">
                            <img src="./images/icon2.png" alt="">
                        </div>
                    </div>
                    <a href="./contact.html" class="btn">
                        <p>立即咨询</p>
                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
                            <mask id="mask0_876_590" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0"
                                width="24" height="24">
                                <path d="M24 0H0V24H24V0Z" fill="white" />
                            </mask>
                            <g mask="url(#mask0_876_590)">
                                <path d="M2 12H20" stroke="#E01C1C" stroke-width="2" />
                                <path d="M13 5L20 12L13 19" stroke="#E01C1C" stroke-width="2" />
                            </g>
                        </svg>
                    </a>
                </div>
            </div>
            <div class="box2">

                <div class="prev">
                    <svg xmlns="http://www.w3.org/2000/svg" width="68" height="68" viewBox="0 0 68 68" fill="none">
                        <g clip-path="url(#clip0_876_619)">
                            <path
                                d="M68 34C68 52.7 52.7 68 34 68C15.3 68 0 52.7 0 34C0 15.3 15.3 0 34 0C52.7 0 68 15.3 68 34ZM5.66666 34C5.66666 49.5833 18.4167 62.3333 34 62.3333C49.5833 62.3333 62.3333 49.5833 62.3333 34C62.3333 18.4167 49.5833 5.66666 34 5.66666C18.4167 5.66666 5.66666 18.4167 5.66666 34Z"
                                fill="#CACACA" />
                            <path
                                d="M41.65 15.3008C42.7833 16.4341 42.7833 18.1341 41.65 19.2674L26.9167 34.0008L41.65 48.7341C42.7833 49.8674 42.7833 51.5674 41.65 52.7008C40.5167 53.8341 38.8167 53.8341 37.6833 52.7008L20.9667 35.9841C19.8333 34.8508 19.8333 33.1508 20.9667 32.0174L37.6833 15.3008C38.5333 14.1674 40.5167 14.1674 41.65 15.3008Z"
                                fill="#CACACA" />
                        </g>
                        <defs>
                            <clipPath id="clip0_876_619">
                                <rect width="68" height="68" fill="white" transform="matrix(0 -1 -1 0 68 68)" />
                            </clipPath>
                        </defs>
                    </svg>
                </div>
                <div class="next">
                    <svg xmlns="http://www.w3.org/2000/svg" width="68" height="68" viewBox="0 0 68 68" fill="none">
                        <g clip-path="url(#clip0_876_616)">
                            <path
                                d="M0 34C0 52.7 15.3 68 34 68C52.7 68 68 52.7 68 34C68 15.3 52.7 0 34 0C15.3 0 0 15.3 0 34ZM62.3333 34C62.3333 49.5833 49.5833 62.3333 34 62.3333C18.4167 62.3333 5.66667 49.5833 5.66667 34C5.66667 18.4167 18.4167 5.66666 34 5.66666C49.5833 5.66666 62.3333 18.4167 62.3333 34Z"
                                fill="#CACACA" />
                            <path
                                d="M26.35 15.3008C25.2167 16.4341 25.2167 18.1341 26.35 19.2674L41.0833 34.0008L26.35 48.7341C25.2167 49.8674 25.2167 51.5674 26.35 52.7008C27.4833 53.8341 29.1833 53.8341 30.3167 52.7008L47.0333 35.9841C48.1667 34.8508 48.1667 33.1508 47.0333 32.0174L30.3167 15.3008C29.4667 14.1674 27.4833 14.1674 26.35 15.3008Z"
                                fill="#CACACA" />
                        </g>
                        <defs>
                            <clipPath id="clip0_876_616">
                                <rect width="68" height="68" fill="white" transform="matrix(0 -1 1 0 0 68)" />
                            </clipPath>
                        </defs>
                    </svg>
                </div>
                <div class="swiper-container">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide">
                            <div class="pic">
                                <img class="pic_click" src="./images/pro.png" alt="">
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="pic">
                                <img class="pic_click" src="./images/pro.png" alt="">
                                <div class="play"
                                    data-video="https://www.mercedes-benz.com.cn/content/dam/mb-cn/renovation/renovation-homepage/1229/cs_800.mp4">
                                    <img src="./images/play.svg" alt="">
                                </div>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="pic">
                                <img class="pic_click" src="./images/banner.png" alt="">
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="pic">
                                <img class="pic_click" src="./images/pro.png" alt="">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="section4">
            <div class="cn">产品参数</div>
            <div class="en">Product parameters</div>
            <div class="pic">
                <img src="./images/p2.png" alt="">
            </div>
            <div class="params">
                <div class="item">
                    <div class="l">
                        <p>灯杯材质：航空铝制双灯杯</p>
                    </div>
                    <div class="l">
                        <p>产品类型：直射液光双光還镜</p>
                    </div>
                </div>
                <div class="item">
                    <div class="l">
                        <p>灯杯材质：航空铝制双灯杯</p>
                    </div>
                    <div class="l">
                        <p>产品类型：直射液光双光還镜</p>
                    </div>
                </div>
                <div class="item">
                    <div class="l">
                        <p>光照色温：偏白舒适不炫目</p>
                    </div>
                    <div class="l">
                        <p>产品散热：双轴滚珠风扇+散热片</p>
                    </div>
                </div>
                <div class="item">
                    <div class="l">
                        <p>产品尺寸：3寸</p>
                    </div>
                    <div class="l">
                        <p>产品光溪：精造进口LED大打隊+激光</p>
                    </div>
                </div>
                <div class="item">
                    <div class="l">
                        <p>产品镜头：高清双凸镜片</p>
                    </div>
                    <div class="l">
                        <p>镜头外壳：航空级碳纤维</p>
                    </div>
                </div>
            </div>
        </div>

        <div class="section5">
            <div class="cn">产品特点</div>
            <div class="en">Product features</div>
            <div class="allPic">
                <div class="d1">
                    <div class="item">
                        <img src="./images/cptd.png" alt="">
                        <div class="text">
                            <p class="pt">产品特点</p>
                            <div class="des">
                                产品特点产品特点产品特点产品<br>
                                特点产品特点
                            </div>
                        </div>
                    </div>
                    <div class="item">
                        <img src="./images/cptd.png" alt="">
                        <div class="text">
                            <p class="pt">产品特点</p>
                            <div class="des">
                                产品特点产品特点产品特点产品特点产品特点
                            </div>
                        </div>
                    </div>
                    <div class="item">
                        <img src="./images/cptd.png" alt="">
                        <div class="text">
                            <p class="pt">产品特点</p>
                            <div class="des">
                                产品特点产品特点产品特点产品特点产品特点
                            </div>
                        </div>
                    </div>
                </div>
                <div class="d1">
                    <div class="item">
                        <img src="./images/cptd.png" alt="">
                        <div class="text">
                            <p class="pt">产品特点</p>
                            <div class="des">
                                产品特点产品特点产品特点产品<br>
                                特点产品特点
                            </div>
                        </div>
                    </div>
                    <div class="item">
                        <img src="./images/cptd.png" alt="">
                        <div class="text">
                            <p class="pt">产品特点</p>
                            <div class="des">
                                产品特点产品特点产品特点产品特点产品特点
                            </div>
                        </div>
                    </div>
                    <div class="item">
                        <img src="./images/cptd.png" alt="">
                        <div class="text">
                            <p class="pt">产品特点</p>
                            <div class="des">
                                产品特点产品特点产品特点产品特点产品特点
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="application">
            <div class="cn">应用场景</div>
            <div class="en">Application scenarios</div>
            <div class="swiper-container">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        <div class="pic">
                            <img src="./images/pac1.png" alt="">
                        </div>
                    </div>
                    <div class="swiper-slide">
                        <div class="pic">
                            <img src="./images/pac1.png" alt="">
                        </div>
                    </div>
                </div>
            </div>
            <div class="swiper-pagination"></div>
        </div>


        <div class="section7">
            <div class="item">
                <div class="bg">
                    <img src="./images/bg1.png" alt="">
                </div>
                <div class="text">
                    <p class="p1">公司简介</p>
                    <p class="p2">与众不同的公司</p>
                </div>
                <a href="./about.html" class="btn">
                    <svg xmlns="http://www.w3.org/2000/svg" width="14" height="16" viewBox="0 0 14 16" fill="none">
                        <g clip-path="url(#clip0_876_1161)">
                            <path
                                d="M9.53632 6.42188H1.79104C1.07802 6.42188 0.5 6.99989 0.5 7.71292C0.5 8.42594 1.07802 9.00396 1.79104 9.00396H9.53632C10.2493 9.00396 10.8274 8.42594 10.8274 7.71292C10.8274 6.99989 10.2493 6.42188 9.53632 6.42188Z"
                                fill="white" />
                            <path
                                d="M12.5864 6.81152L7.10965 1.33478C6.60547 0.830596 5.78803 0.830596 5.28384 1.33478C4.77966 1.83896 4.77966 2.65641 5.28384 3.16059L10.7606 8.63733C11.2648 9.14151 12.0822 9.14151 12.5864 8.63733C13.0906 8.13315 13.0906 7.3157 12.5864 6.81152Z"
                                fill="white" />
                            <path
                                d="M10.7607 6.81348L5.284 12.2902C4.77982 12.7944 4.77982 13.6118 5.284 14.116C5.78818 14.6202 6.60562 14.6202 7.10981 14.116L12.5865 8.63929C13.0907 8.13511 13.0907 7.31766 12.5865 6.81348C12.0824 6.3093 11.2649 6.3093 10.7607 6.81348Z"
                                fill="white" />
                        </g>
                        <defs>
                            <clipPath id="clip0_876_1161">
                                <rect width="13" height="14.6046" fill="white" transform="translate(0.5 0.421875)" />
                            </clipPath>
                        </defs>
                    </svg>
                </a>
            </div>
            <div class="item">
                <div class="bg">
                    <img src="./images/bg2.jpg" alt="">
                </div>
                <div class="text">
                    <p class="p1">联系我们</p>
                    <p class="p2">疑惑不解？这里有您的专属解答员！</p>
                </div>
                <a href="./contact.html" class="btn">
                    <svg xmlns="http://www.w3.org/2000/svg" width="14" height="16" viewBox="0 0 14 16" fill="none">
                        <g clip-path="url(#clip0_876_1161)">
                            <path
                                d="M9.53632 6.42188H1.79104C1.07802 6.42188 0.5 6.99989 0.5 7.71292C0.5 8.42594 1.07802 9.00396 1.79104 9.00396H9.53632C10.2493 9.00396 10.8274 8.42594 10.8274 7.71292C10.8274 6.99989 10.2493 6.42188 9.53632 6.42188Z"
                                fill="white" />
                            <path
                                d="M12.5864 6.81152L7.10965 1.33478C6.60547 0.830596 5.78803 0.830596 5.28384 1.33478C4.77966 1.83896 4.77966 2.65641 5.28384 3.16059L10.7606 8.63733C11.2648 9.14151 12.0822 9.14151 12.5864 8.63733C13.0906 8.13315 13.0906 7.3157 12.5864 6.81152Z"
                                fill="white" />
                            <path
                                d="M10.7607 6.81348L5.284 12.2902C4.77982 12.7944 4.77982 13.6118 5.284 14.116C5.78818 14.6202 6.60562 14.6202 7.10981 14.116L12.5865 8.63929C13.0907 8.13511 13.0907 7.31766 12.5865 6.81348C12.0824 6.3093 11.2649 6.3093 10.7607 6.81348Z"
                                fill="white" />
                        </g>
                        <defs>
                            <clipPath id="clip0_876_1161">
                                <rect width="13" height="14.6046" fill="white" transform="translate(0.5 0.421875)" />
                            </clipPath>
                        </defs>
                    </svg>
                </a>
            </div>
        </div>


        <div class="foot">
            <div class="dom1">
                <div class="top" id="goTop">
                    <p>TOP</p>
                </div>
                <div class="l">
                    <div class="logo">
                        <img src="./images/flogo.png" alt="">
                    </div>
                    <div class="icons">
                        <a href="">
                            <img src="./images/facebook.png" alt="">
                        </a>
                        <a href="">
                            <img src="./images/link.png" alt="">
                        </a>
                        <a href="">
                            <img src="./images/tw.png" alt="">
                        </a>
                        <a href="">
                            <img src="./images/ins.png" alt="">
                        </a>
                    </div>
                    <div class="phone">
                        联系电话:1372536****
                    </div>
                    <div class="address">
                        广州市白云区增槎路316号白云摩托车配件批发市场经营管理有限公司内737号铺
                    </div>
                </div>
                <div class="links">
                    <a href="">汽车LED灯</a>
                    <a href="">摩托车前大灯</a>
                    <a href="">摩托车LED灯泡</a>
                    <a href="">摩托车大灯总成</a>
                    <a href="">LED转向灯</a>
                    <a href="">LED内置灯</a>
                </div>
                <div class="links">
                    <a href="">LED外置灯</a>
                    <a href="">LED镜子灯</a>
                    <a href="">LED工作灯</a>
                    <a href="">LED刹车灯、插泡</a>
                    <a href="">LED装饰灯</a>
                    <a href="">LED尾灯</a>
                </div>
                <div class="links last">
                    <a href="">公司简介</a>
                    <a href="">新闻中心</a>
                    <a href="">联系我们</a>
                </div>
            </div>
            <div class="dom2">
                <p>COPYRIGHT 2024 SYY INC. ALL RIGHTS RESERVED.</p>
                <a href="">Designed by 极简慕枫.</a>
            </div>
        </div>

        <div class="dialog">
            <div class="close">
                <img src="./images/close.svg" alt="">
            </div>
            <div class="content">
                <video id="video" controls muted loop src=""></video>
            </div>
        </div>



    </div>
    <script src="./js/jquery-1.11.0.min.js"></script>
    <script src="./js/swiper.js"></script>
    <script src="./js/common.js"></script>
    <script src="./js/wow.min.js"></script>
    <script src="./js/countUp.js"></script>
    <script src="./js/proInfo/jquery.bridget.js"></script>
    <script src="./js/proInfo/jquery.mousewheel.min.js"></script>
    <script src="./js/proInfo/jquery.event.drag.js"></script>
    <script src="./js/proInfo/screenfull.js"></script>
    <script src="./js/proInfo/hammer.min.js"></script>
    <script src="./js/proInfo/PreventGhostClick.js"></script>
    <script src="./js/proInfo/mag-analytics.js"></script>
    <script src="./js/proInfo/mag.js"></script>
    <script src="./js/proInfo/mag-jquery.js"></script>
    <script src="./js/proInfo/mag-control.js"></script>
    <script src="./js/proInfo/index.js"></script>
    <script>
        new WOW().init();
        var swiper = new Swiper('.section3 .swiper-container', {
            speed: 1000,
            init: true,
            loop: true,
            slidesPerView: 2,
            spaceBetween: 20,
            slideToClickedSlide: true,
            autoplay: false,
            navigation: {
                nextEl: '.section3 .next',
                prevEl: '.section3 .prev',
            },
            on: {
                slideChangeTransitionEnd: function () {
                    let index = this.activeIndex
                    let src = $('.section3 .swiper-container .swiper-wrapper .swiper-slide').eq(index).children('.pic_click').attr('src')
                    console.log(src)
                    $('#changePic').attr('src', src)
                },
                slideChange() {
                    let src = $('.section3 .swiper-container .swiper-slide').eq(this.realIndex).find('.pic_click').attr('src')
                    $('.changePic').attr('src', src)
                }
            },
            breakpoints: {
                1024: {  //当屏幕宽度大于等于1280
                    slidesPerView: 4,
                    spaceBetween: 20,
                }
            }
        });
        var swiper2 = new Swiper('.application .swiper-container', {
            speed: 1000,
            init: true,
            loop: false,
            slidesPerView: 1.5,
            spaceBetween: 20,
            autoplay: {
                delay: 3000,
                stopOnLastSlide: false,
                disableOnInteraction: true,
            },
            pagination: {
                el: '.application .swiper-pagination',
                type: 'progressbar',
            },
            breakpoints: {
                1024: {  //当屏幕宽度大于等于1280
                    slidesPerView: 1.5,
                    spaceBetween: 60,
                }
            }
        });

        $('.pic_click').click(function () {
            let src = $(this).attr('src')
            $('.changePic').attr('src', src)
        })

        $('.play').click(function () {
            $('.dialog').css({ 'display': 'flex' })
            let src = $(this).attr('data-video')
            $('#video').attr('src', src)
            document.getElementById("video").play();
        })
        $('.dialog .close').click(function () {
            $('.dialog').css({ 'display': 'none' })
            document.getElementById("video").pause();
        })

        $host = $('[mag-thumb="outer"]');
        $host.mag({
            mode: 'outer',
            ratio: 1 / 1,
			zoomMin: 0,
			zoomMax: 6,
			// constrainZoomed: true   
        });


    </script>
</body>

</html>